<template>
    <div>
        <h3>演示后端请求</h3>
        <a-button type="primary" @click="executeGetMethod">
            点击调用获取数据接口
        </a-button>
        <a-button type="primary" @click="executePostMethod">
            点击调用提交数据接口
        </a-button>

        这是返回数据 <div>{{list}}</div>

        <p></p>
    </div>
</template>
<script>
import * as api from '../../services'
export default {
  name: 'DemoRequest',
  data () {
    return {
      list: 12313
    }
  },
  methods: {
    // 获取后端数据  一般用GET请求方法
    executeGetMethod () {
      api.getServerRequest1({ c: 33 }).then(res => {
        console.log('res', res)
        this.list = '这是get返回结果'
        if (res.status === 200) {
          console.log('result1, 这里是后端返回的数据', res.data)
        }
      })
    },
    // 提交数据一般用  post
    executePostMethod () {
      api.postServerRequest1({ d: 44 }).then(res => {
        console.log('res', res)
        this.list = '这是post返回结果'
        if (res.status === 200) {
          console.log('result2, 这里是后端返回的数据', res.data)
        }
      })
    },

    createPicture () {

    }
  }
}
</script>
